<template>
  <div class="import-read-dialog">
    <MyDialog :show="isShowCost" @beforeClose="beforeClose">
      <template #body>
        <div>注：所有上门服务时间为09:00-18:00，需在线上至少提前一天申请。</div>
        <div>
          当天上门需要支付额外的加急费用
          <!-- （50元起） -->
          ，其他时间根据物流实际情况进行安排。
        </div>
        <div>物流费用的收取标准随着窍楚业务的发展可能进行相应调整。</div>
        <div class="red">温馨提示：具体费用以合同签订资费为准!</div>
      </template>
      <div slot="title">
        <p>{{ title }}</p>
      </div>
      <div slot="footer"></div>
    </MyDialog>
  </div>
</template>

<script>
export default {
  name: "LogisticsCost",
  props: {
    title: {
      type: String,
      default: "提示",
    },
    isShowCost: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {};
  },
  methods: {
    // 关闭弹窗
    closeDialog() {
      this.$emit("closeDialog");
    },
    // 关闭 右侧X
    beforeClose() {
      this.$emit("closeDialog");
    },
  },
};
</script>
<style lang="scss">
.red {
  color: red;
}
</style>
